@import "normalize.css";
.search {
  background-color: #e9e9e9;
}
.search .header {
  background-color: #5ebbff;
}
.search .header div {
  float: left;
  height: 3.2rem;
}
.search .header .return,
.search .header .magnifier {
  width: 20%;
  text-align: center;
}
.search .header .return i,
.search .header .magnifier i {
  font-size: 1.6rem;
  line-height: 3.2rem;
  color: #ffffff;
}
.search .header .search-bar {
  width: 60%;
}
.search .header .search-bar input {
  display: block;
  width: 14.57777778rem;
  height: 1.99111111rem;
  line-height: 1.99111111rem;
  margin-top: 0.60444444rem;
  margin-bottom: 0.60444444rem;
  border-radius: 0.28444444rem;
  border: 0;
  padding: 0;
  padding-left: 0.35555556rem;
  outline: none;
  margin-left: auto;
  margin-right: auto;
}
.search .popular {
  margin-bottom: 0.71111111rem;
  padding: 1.42222222rem 1.77777778rem 1.42222222rem 1.77777778rem;
  background-color: #ffffff;
}
.search .popular h5 {
  font-size: 1.13777778rem;
  margin-bottom: 1.42222222rem;
  color: #666666;
}
.search .popular a {
  float: left;
  border-radius: 0.28444444rem;
  margin-right: 0.71111111rem;
  margin-bottom: 0.71111111rem;
  padding: 0.35555556rem 0.35555556rem 0.35555556rem 0.35555556rem;
  color: #ffffff;
  background-color: #7dbdeb;
}
.search .history {
  padding: 1.42222222rem 1.77777778rem 1.42222222rem 1.77777778rem;
  background-color: #ffffff;
}
.search .history h5 {
  font-size: 1.13777778rem;
  margin-bottom: 1.42222222rem;
  color: #666666;
}
.search .history h5 span {
  float: right;
}
.search .history a {
  float: left;
  border-radius: 0.28444444rem;
  margin-right: 0.71111111rem;
  margin-bottom: 0.71111111rem;
  padding: 0.35555556rem 0.35555556rem 0.35555556rem 0.35555556rem;
  color: #969696;
  background-color: #e9e9e9;
}
